<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>LOGIN</title>
  <link rel="stylesheet" type="text/css" href="css/login.css">
  <script src="js/Vue.js"></script>
  <script src="js/login.js"></script>
</head>
<body>
<div id="app"></div>

<template id="login-table">
  <fieldset>
    <legend>书店用户登录</legend>
    <table style="margin: 30px auto">
      <thead></thead>
      <tbody>
      <tr>
        <td>用户名/手机号：</td>
        <td>
          <label>
            <input type="text" placeholder="请输入手机" v-model="telephone">
          </label>
        </td>
      </tr>
      <tr>
        <td>密码：</td>
        <td>
          <label>
            <input type="password" placeholder="请输入密码" v-model="pwd">
          </label>
        </td>
      </tr>
      </tbody>
    </table>
    <div style="text-align:center"><input type="button" value="登录" @click="isRightUsnAndPwd"></div>
    <div style="text-align:center"><input type="button" value="注册" @click="toRegister"></div>
    <p v-show="isShow">用户名或密码错误！</p>
  </fieldset>
</template>
</body>
</html>